﻿@using IndignadoFramework.BackBone.DTO
@model IndignadoFramework.FrontOffice.Models.ContenidoListarModel
           
<script type="text/javascript">
    function filter(value) {
        var link = "/?filtro=";
        link += value;
        window.location.replace(link);
    }

    function marcar(tipo_marca, cont_id, usr_id) {
        if (tipo_marca == 'MeGusta') {
            $.post('/Contenido/MeGusta', { ContenidoId: cont_id, UsuarioId: usr_id }, function (data) {
                var name = '#mg' + data.id;
                $(name).empty();
                if (data.cant == 0) {
                    $(name).append('A ninguna persona le gusta esto.');
                }
                else {
                    if (data.cant == 1)
                        $(name).append('A ' + data.cant + ' persona le gusta esto.');
                    else
                        $(name).append('A ' + data.cant + ' personas les gusta esto.');
                }
            });
        }
        else {
            $.post('/Contenido/Inadecuado', { ContenidoId: cont_id, UsuarioId: usr_id }, function (data) {
                var name = '#inad' + data.id;
                $(name).empty();
                if (data.cant == 0) {
                    $(name).append('Ninguna persona marcó este contenido como inadecuado.');
                }
                else {
                    if (data.cant == 1)
                        $(name).append(data.cant + ' persona marcó este contenido como inadecuado.');
                    else
                        $(name).append(data.cant + ' personas marcaron este contenido como inadecuado.');
                }
            });
        }
    }
</script>

@if (Model.Contenidos.Count() > 0)
{
    <div id="filter_options">
        Ordenar por
        @{
    var filtroFecha = new SelectListItem() { Value = "F", Text = "Fecha" };
    var filtroRanking = new SelectListItem() { Value = "R", Text = "Ranking" };
    if (ViewBag.Filtro == "R")
    {
        filtroFecha.Selected = false;
        filtroRanking.Selected = true;
    }
    else
    {
        filtroFecha.Selected = true;
        filtroRanking.Selected = false;
    }
    var MyList = new List<SelectListItem>(){
                filtroFecha,
                filtroRanking
            };
        }
        @Html.DropDownList("Filtros", MyList, new { onchange = "filter(this.value)" })
    </div>    
}

@if (!Model.Contenidos.Any())
{ 
    <h4>No hay contenidos de usuario subidos hasta el momento</h4>
}

@foreach (var contenido in Model.Contenidos)
{ 
    <div class="contenido_item">
        <div class="contenido_header">
            Contenido subido por <b>@contenido.UsuarioNombre</b> el @contenido.ContenidoFechaCreacion.ToShortDateString()
        </div>
        <div class="contenido_body">
            @if (contenido.GetType().ToString().Contains("Imagen"))
            {
                String pathMedia = @Url.Content("~/FileManager/Imagen") + "?MovimientoId=" + contenido.MovimientoId + "&UsuarioId=" + contenido.UsuarioId + "&ContenidoId=" + contenido.Id;
                <img src="@pathMedia" alt="Contenido" />
            }
            else
            {
                if (contenido.GetType().ToString().Contains("Video"))
                {
                <video controls="controls"
                        src="@Url.Content("~/FileManager/Video")?MovimientoId=@contenido.MovimientoId&UsuarioId=@contenido.UsuarioId&ContenidoId=@contenido.Id" />

                }
                else
                {
                <p>
                    <b>@(((LinkModelDTO)contenido).LinkComentario)</b></p>
                <p>
                    <a href="@(((LinkModelDTO)contenido).LinkUrl)" target="_blank">@(((LinkModelDTO)contenido).LinkUrl)</a></p>
                }
            }
        </div>
        @if (Request.IsAuthenticated)
        {
            <div id="cantidad_marcas">
                <div id="cant_megusta">
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <a href="##" title="Señalar que te gusta">
                                        <img alt="megusta" src="../../Content/images/likeicon_16.png" style="height: 16px; width: 16px; margin: 0px" onclick="marcar('MeGusta', @contenido.Id, @Int32.Parse(User.Identity.Name))" />
                                    </a>
                                </td>
                                <td>
                                    @{ String idMG = "mg" + contenido.Id; }
                                    <div id="@idMG">
                                        @if (contenido.CantMeGusta == 0)
                                        {
                                            @:A ninguna persona le gusta esto.
                                        }
                                        else
                                        {
                                            if (contenido.CantMeGusta == 1)
                                            {
                                            @:A 1 persona le gusta esto.
                                            }
                                            else
                                            {
                                            @:A @contenido.CantMeGusta personas les gusta esto.
                                                                                    }
                                        }
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="cant_inadecuado">
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <a href="##" title="Marcar como inadecuado">
                                        <img alt="inadecuado" src="../../Content/images/unlikeicon_16.png" style="height: 16px; width: 16px; margin: 0px" onclick="marcar('Inadecuado', @contenido.Id, @Int32.Parse(User.Identity.Name))"/>
                                    </a>
                                </td>
                                <td>
                                    @{ String idInad = "inad" + contenido.Id; }
                                    <div id="@idInad">
                                        @if (contenido.CantInadecuado == 0)
                                        {
                                            @:Ninguna persona marcó este contenido como inadecuado.
                                        }
                                        else
                                        {
                                            if (contenido.CantInadecuado == 1)
                                            {
                                            @:1 persona marcó este contenido como inadecuado.
                                            }
                                            else
                                            { 
                                            @contenido.CantInadecuado @:personas marcaron este contenido como inadecuado.
                                                                                    }
                                        }
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        }
    </div>
}
<div id="paginado">
    @if (Model.PaginaActual > 0)
    {
        @Html.ActionLink("< Anterior", "Index", "Home", new { pagina = (Model.PaginaActual - 1), filtro = ViewBag.Filtro }, null)
    }
    @if (Model.PaginaSiguiente)
    {
        @Html.ActionLink("Siguiente >", "Index", "Home", new { pagina = (Model.PaginaActual + 1), filtro = ViewBag.Filtro }, null)
    }
</div>